home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2008 February / PCWFEB08.iso / Software / Freeware / Miro 1.0 / Miro_Installer.exe / chrome / content / main.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2007-11-12  |  6.9 KB  |  381 lines
  1.  
  2. wnindow, hbox, vbox, menu, menubar, menuitem, menupopup {    
  3.     font: normal 11px "Tahoma", "Trebuchet MS", Arial;
  4. }
  5.  
  6. description[disabled] {
  7.     color: #AAA;
  8. }
  9.  
  10. /* TITLEBAR 
  11. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  12.  
  13. #titlebar {
  14.     background: url(images/titlebar-bg.png) repeat-x 0px 0px;
  15.     border: 0px;
  16. }
  17.  
  18. #titlebar-menu {
  19.   margin-left: 10px;
  20. }
  21.  
  22. .titlebar menu {
  23.     -moz-appearance: none; 
  24.     color: #FFFFFF;
  25. }
  26.  
  27. .titlebar menu:hover {
  28.     -moz-appearance: none;
  29.     background: #000000;
  30. }
  31.  
  32. .titlebar-toplevel {
  33.     margin: 2px 10px 0px 0px;
  34.     border: 0px;
  35. }
  36.  
  37. .titlebar menubar, .titlebar menubar:hover {
  38.     -moz-appearance: none;
  39.     border: 0;
  40. }
  41.  
  42. .titlebar menuitem, .titlebar menu menu {
  43.     -moz-appearance: none;
  44.     color: #CCCCCC;
  45. }
  46.  
  47. .titlebar menuitem:hover, .titlebar menu menu:hover {
  48.     -moz-appearance: none;
  49.     color: #FFFFFF;
  50.     background-color: #444444;
  51. }
  52.  
  53. .titlebar menu menuitem[disabled] {
  54.     color: #AAA;
  55.     background-color: inherit;
  56. }
  57.  
  58. .titlebar menupopup {
  59.     -moz-appearance: none;
  60.     -moz-border-top-colors: #777777 #555555;
  61.     -moz-border-right-colors: #777777 #555555;
  62.     -moz-border-bottom-colors: #000000 #222222;
  63.     -moz-border-left-colors: #000000 #222222;
  64.     background-color: #333333;
  65.     color: #CCCCCC;
  66. }
  67.  
  68. .titlebar menuseparator {
  69.     -moz-appearance: none;
  70.     -moz-border-top-colors: #555555;
  71.     -moz-border-bottom-colors: #333333;
  72. }
  73.  
  74. .titlebar caption {
  75.     background: none;
  76.     font: bold 12px "Tahoma", "Trebuchet MS", Arial;
  77.     color: #FFFFFF;
  78.     text-align: center;
  79.     padding-top: 6px;
  80. }
  81.  
  82. #titlebar-buttons {
  83.     margin: 4px 2px 0px 0px;
  84.     padding: 0px;
  85.     list-style-type: none;
  86.     overflow: hidden;
  87. }
  88.  
  89. #titlebar-buttons li {
  90.     margin: 0px;
  91.     padding: 0px;
  92.     list-style-type: none;    
  93.     display: inline;
  94. }
  95.  
  96. #titlebar-buttons a {
  97.     float: left;
  98.     height: 0px;
  99.     margin: 0px 2px 0px 0px;
  100.     padding: 16px 0px 0px 0px;
  101.     overflow: hidden;
  102.     cursor: default;
  103. }
  104.  
  105. .titlebar-button {
  106.         width: 16px;
  107.         height: 16px;
  108.         margin-right: 2px;
  109.         list-style-image: url("images/titlebar-buttons.png");
  110. }
  111.  
  112. #titlebar-buttons-minimize {    
  113.         -moz-image-region: rect(0px 16px 16px 0px);
  114. }
  115.  
  116. #titlebar-buttons-minimize:hover {    
  117.         -moz-image-region: rect(16px 16px 32px 0px);
  118. }
  119.  
  120. #titlebar-buttons-maximize {    
  121.         -moz-image-region: rect(0px 32px 16px 16px);
  122. }
  123.  
  124. #titlebar-buttons-maximize:hover {    
  125.         -moz-image-region: rect(16px 32px 32px 16px);
  126. }
  127.  
  128. #titlebar-buttons-close {    
  129.         -moz-image-region: rect(0px 48px 16px 32px);
  130. }
  131.  
  132. #titlebar-buttons-close:hover {    
  133.         -moz-image-region: rect(16px 48px 32px 32px);
  134. }
  135.  
  136.  
  137.  
  138. /* MAIN 
  139. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  140.  
  141. splitter {
  142.     -moz-appearance: none;
  143.     -moz-border-right-colors: #666666 #444444;
  144.     -moz-border-left-colors: #666666 #444444;
  145.     background: #333333;
  146. }    
  147.  
  148. resizer {
  149.         background: black;
  150. }
  151.  
  152.  
  153. resizer:hover {
  154.     cursor: e-resize;    
  155. }    
  156.  
  157. resizer.side-resizer {
  158.         min-width: 5px;
  159.         max-width: 5px;
  160. }
  161.  
  162. #bottom-right {
  163.         width: 20px;
  164. }
  165.  
  166. #resizer-bottom-right {
  167.     -moz-appearance: none;
  168.     margin-top: 45px;
  169.     width: 20px;
  170.     height: 20px;
  171.     background: url(images/bottom-resizer.png) no-repeat 0px 0px;
  172. }
  173.  
  174. #resizer-bottom-right:hover {
  175.     cursor: se-resize;
  176. }
  177.  
  178.  
  179.  
  180. /* BOTTOM 
  181. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  182.  
  183. #bottom {    
  184.     background: url(images/bottom-bg.png) repeat-x 0px 0px;
  185. }
  186.  
  187. .bottom button {    
  188.     -moz-appearance: none;
  189.     -moz-border-top-colors: #333333 #222222 #111111;
  190.     -moz-border-left-colors: #333333 #222222 #111111;
  191.     -moz-border-bottom-colors: #333333 #222222 #111111;
  192.     -moz-border-right-colors: #333333 #222222 #111111;
  193.     background: url(images/titlebar-bg.png) repeat-x 0px 50%;
  194.     color: #CCCCCC;
  195.     padding: 2px 5px;
  196. }
  197.  
  198. .bottom button:hover {    
  199.     -moz-appearance: none;
  200.     -moz-border-top-colors: #444444 #222222 #111111;
  201.     -moz-border-left-colors: #444444 #222222 #111111;
  202.     -moz-border-bottom-colors: #444444 #222222 #111111;
  203.     -moz-border-right-colors: #444444 #222222 #111111;
  204.     background: url(images/titlebar-bg.png) repeat-x 0px 50%;
  205.     color: #FFFFFF;
  206. }
  207.  
  208. #bottom-left-search {
  209.     margin: 17px 20px 0px 15px;
  210. }
  211.  
  212.  
  213. #bottom-center {
  214.  
  215. }
  216.  
  217. #bottom-center a {
  218.     cursor: default;    
  219. }
  220.  
  221. #bottom-buttons {
  222. }
  223.  
  224. #bottom-buttons image {
  225.     margin: 0px 2px 0px 0px;
  226.     list-style-image:  url(images/bottom-controls.png);
  227. }
  228.  
  229. .bottom-buttons-previous {    
  230.         -moz-image-region: rect(0px 31px 39px 0px);
  231. }
  232.  
  233. .bottom-buttons-previous:hover {    
  234.         -moz-image-region: rect(39px 31px 78px 0px);
  235. }
  236.  
  237. .bottom-buttons-previous-inactive {    
  238.         -moz-image-region: rect(78px 31px 117px 0px);
  239. }
  240.  
  241. .bottom-buttons-stop {
  242.         -moz-image-region: rect(0px 70px 39px 31px);
  243. }
  244.  
  245. .bottom-buttons-stop:hover {    
  246.         -moz-image-region: rect(39px 70px 78px 31px);
  247. }
  248.  
  249. .bottom-buttons-stop-inactive {    
  250.         -moz-image-region: rect(78px 70px 117px 31px);
  251. }
  252.  
  253. .bottom-buttons-play {    
  254.         -moz-image-region: rect(0px 109px 39px 70px);
  255. }
  256.  
  257. .bottom-buttons-play:hover {    
  258.         -moz-image-region: rect(39px 109px 78px 70px);
  259. }
  260.  
  261. .bottom-buttons-play-inactive {    
  262.         -moz-image-region: rect(78px 109px 117px 70px);
  263. }
  264.  
  265. .bottom-buttons-pause {    
  266.         -moz-image-region: rect(117px 109px 156px 70px);
  267. }
  268.  
  269. .bottom-buttons-pause:hover {    
  270.         -moz-image-region: rect(156px 109px 195px 70px);
  271. }
  272.  
  273. .bottom-buttons-fullscreen {    
  274.         -moz-image-region: rect(0px 140px 39px 109px);
  275. }
  276.  
  277. .bottom-buttons-fullscreen:hover {    
  278.         -moz-image-region: rect(39px 140px 78px 109px);
  279. }
  280.  
  281. .bottom-buttons-fullscreen-inactive {    
  282.         -moz-image-region: rect(78px 140px 117px 109px);
  283. }
  284.  
  285. .bottom-buttons-next {    
  286.         -moz-image-region: rect(0px 171px 39px 140px);
  287. }
  288.  
  289. .bottom-buttons-next:hover {    
  290.         -moz-image-region: rect(39px 171px 78px 140px);
  291. }
  292.  
  293. .bottom-buttons-next-inactive {    
  294.         -moz-image-region: rect(78px 171px 117px 140px);
  295. }
  296.  
  297. #volume {
  298.   width: 110px;
  299.   height: 100px;
  300.   background: url(images/bottom-volume.png) no-repeat 0px 26px;
  301. }
  302.  
  303. #knob {
  304.   width: 12px;
  305.   height: 12px;
  306. }
  307.  
  308. #bottom-progress hbox {
  309.   padding: 2px 5px 0px 5px;
  310. }
  311.  
  312. #bottom-progress label {
  313.   font: 10px "Courier New" Courier;
  314.   color: black;
  315.   margin: 0px;
  316. }
  317.  
  318. #duration-text {
  319.   text-align: right;
  320. }
  321.  
  322. #progress-slider {
  323.   position: absolute;
  324.   padding: 0px;
  325.   width: 5px;
  326.   height: 7px;
  327. }
  328.  
  329. .progress-slider {
  330.   list-style-image: url("images/progress-slider.png");
  331. }
  332.  
  333. .progress-slider-inactive {
  334. }
  335.  
  336. #bottom-progress {
  337.   margin: 0px 10px 0px 0px;
  338.   width: 270px;
  339.   height: 26px;
  340.   background: url(images/progress.png) no-repeat;
  341. }
  342.  
  343. wizard.startup {
  344.   height: 400px;
  345. }
  346.  
  347. .startup-indented {
  348.   margin-left: 30px;
  349. }
  350.  
  351. .searchbar-dropmarker-image {
  352.   -moz-margin-start: 12px;
  353.   margin-top: 8px;
  354.   list-style-image: url(images/search-arrow.gif);
  355. }
  356.  
  357. tabbox.prefs tab {
  358.    font-size: 150%;
  359.    padding: 2px 10px;
  360. }
  361.  
  362. tabbox.prefs tabpanel {
  363.    padding-top: 12px;
  364. }
  365.  
  366. radiogroup.indented radio {
  367.    margin-left: 20px;
  368. }
  369.  
  370. tabbox.prefs caption {
  371.     background-color: #f6f6f6;
  372. }
  373.  
  374. tabbox.prefs groupbox {
  375.     border-color: #ccc;
  376. }
  377.  
  378. tabbox.prefs .suboption {
  379.     margin-left: 20px;
  380. }
  381.